<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <title>Document</title>
        <script>
            /* 
                filter 过滤
             */
             var arr = [10, 20, 30, 40, 50];
             /* var newArr = arr.filter(function(item){
                 return item > 20;
             }) */

            /*  var newArr = arr.filter(item => item > 20);
             alert(newArr); */

            /*  var newArr = arr.map(item => item * 1.3);
             alert(newArr); */


             function show(){
                 return {
                     username: 'xxx'
                 }
             }
             var show = () => ({

             });
             /* 
                箭头函数需要注意的部分
                1、箭头函数，不能用new
                2、箭头，如果返回值是一个对象，一定要加()；
                3、箭头函数中的this，指向的是上一层函数的主人。
              */

              var person = {
                  username: "钢铁侠",
                  /* show: function(){
                      alert(person.username);
                      alert(this.username);
                  } */
                  show: () => {
                      alert(person.username);
                      alert(this);
                  }
              }

              person.show();
        </script>
    </head>
    <body>
        
    </body>
</html>